.store {
	.stores-list{
		text-align: center;
		color: #000;
		z-index: 999;
		background: #fff;
		position: absolute;
		width: 100%;
		top: 44px;
		padding: 10px;
		color: #333;
		border-bottom: 1px solid #ddd;
		.store-name{
			vertical-align: middle;
			position: relative;
			font-size: .3rem;
		}
		i.icon-jiantou1{
			font-size: .4rem;
			vertical-align: middle;
			display: inline-block;
			transition: all .3s;
			&.up{
				transform: rotate(-180deg);
			}
		}
	}
	.list{
		z-index: 999;
		position: absolute;
		width: 100%;
		height: calc(100% - 44px);
		overflow: auto;
		// top: .5rem;
		// left: -2rem;
		// transform: translate(0.6rem,0);
		top: 44px;
		left: 50%;
		transform: translate(-50%,0);
		background: #fff;
		border-radius: 5px;
		ul{
			li{
				padding: .05rem .24rem;
				border-bottom: 1px solid #ddd;
				display: flex;
				justify-content: space-between;
				.store-item{
					display: flex;
					align-items: left;
					flex-direction: column;
					span{
						flex: 1;
						padding: 5px 0;
					}
				}
				.arrow-right{
					display: inline-block;
					display: flex;
					align-items: center;
					i{
						transform-origin: center;
						transform: rotate(-180deg);
						font-size: .5rem;
						color: #ccc;
					}
				}
				.store-item{
					width: 100%;
				}
				.store-name{
					font-size: .32rem;
					color:rgb(255, 95, 71);
					display: flex;
					align-items: center;
					width: 95%;
					.name{
						display: inline-block;
						flex: 3;
					}
					.rate{
						display: inline-block;
						flex: 1;
						text-align: right;
						color: #666666;
						font-size: .26rem;
					}
				}
				.store-info{
					color: rgb(102,102,102);
				}
			}
		}
	}
	.page-content {
		background-color: #fff;
	}
	.chartLine {
		margin-top: 60px;
		width: 100%;
		height: calc( 50% - 60px );
	}
	.basicMsg {
		margin-top: 20px;
		padding: 0 10px;
		.msgItem {
			height: 1.2rem;
			line-height: .6rem;
			width: 23%;
			margin-right: 2%;

			border-radius: .2rem;
			background-color: #fff;
			box-shadow: 0 0 7px 0 #e1e6f3;
			.title {
				padding: 0 5%;
				height: 50%;
				font-size: .25rem;
				font-weight: 600;
				text-align: right;
			}
			.val {
				padding: 0 10%;
				height: 50%;
				font-size: .3rem;
				color: #f9b687;
				font-weight: 600;
			}
		}
		.msgItem.total {
			width: 25%;
		}
		.msgItem.color1 {
			color: #fff;
			background-image: linear-gradient(135deg,#FF979C,#F54747);
			.val {
				color: #fff;
			}
		}
		.msgItem.color2 {
			color: #fff;
			background-image: linear-gradient(135deg,#6eb6fb,#6b7fff);
			.val {
				color: #fff;
			}
		}
		.msgItem.color3 {
			color: #fff;
			margin-right: 0;
			background-image: linear-gradient(135deg,#c4e59e,#59e490);
			.val {
				color: #fff;
			}
		}
		.msgItem.color4 {
			color: #fff;
			background-image: linear-gradient(135deg,#6BF4FB,#24E3ED);
			.val {
				color: #fff;
			}
		}
		.msgItem.color5 {
			color: #fff;
			background-image: linear-gradient(135deg,#67FEDD,#04D6A9);
			.val {
				color: #fff;
			}
		}
		.msgItem.spec1 {
			width: 33%;
			.val {
				color: #3068ff;
			}
		}
	}
	.enterSystem {
		height: 10%;
		width: 100%;
		padding: 0 20px;
		position: absolute;
		bottom: 10px;
	}
}